<!--  -->
<template>

  <div class="category">
    <h2>{{title}}分类</h2>
    <!-- 默认插槽 -->
    <!-- <slot></slot> -->

    <!-- 命名插槽 -->
    <slot name="youxi"></slot>
    <slot name="meishi"></slot>
    <slot name="music"></slot>
  </div>

</template>

<script>
export default {
  name: 'Category',
  data () {
    return {

    }
  },
  props: ['gamesArr', 'title', "imgUrl", "musicUrl"],
  //生命周期 - 创建完成（访问当前this实例）
  created () {

  },
  //生命周期 - 挂载完成（访问DOM元素）
  mounted () {

  }
}
</script>
<style scoped>
.category {
  width: 400px;
  height: 600px;
  background-color: blue;
}
li {
  list-style: none;
}
img {
  width: 100%;
}
video,
audio {
  width: 100%;
}
</style>